<!DOCTYPE html>
<html>
	<head>
		<title>KATO &dash; Admin Template (Error)</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <!-- Incude bootstrap -->
        
        <link href="{{ asset('bundles/interarticle/css/bootstrap.min.css') }}" type="text/css" rel="stylesheet" />
        <!-- Custom icons -->
        <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
        <!-- Custom fonts -->
        <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900' rel='stylesheet' type='text/css' />
        <!-- Main stylesheet -->
        <link href="{{ asset('bundles/interarticle/css/kato.css') }}" rel="stylesheet" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	{% block css_script %}{% endblock %}
<body>

	<div id="wrapper">
	
		<!-- Sidebar -->
		<aside id="sidebar-wrapper">
			
			<!-- Icons Sidebar -->
			<ul class="sidebar-icon">
				<li class="sidebar-header"><img src="{{ asset('bundles/interarticle/images/logo.png') }}" alt="Logo" /></li>
				<li><a href="#tabelements"><i class="icon-dashboard icon-large"></i></a></li>
{# 				<li><a href="#tabelements" data-toggle="tab"><i class="icon-th-large icon-large"></i></a></li>#}
{# 				<li><a href="#tabcomponents" data-toggle="tab"><i class="icon-compass icon-large"></i></a></li>#}
{# 				<li><a href="#tabforms" data-toggle="tab"><i class="icon-book icon-large"></i></a></li>#}
			</ul>
			<!-- /Icons Sidebar -->
			
			<!-- Tabs Sidebar -->
			<div class="tab-content">

				<ul class="sidebar-group tab-pane active" id="tabelements">
					<li class="navigation-header">TOOLS</li>
					{% if roles == 'ROLE_ADMIN' %}
					<li><a href="{{ path('inter_article_admin_list_user') }}">List User</a></li>
					<li><a href="{{ path('inter_article_admin_register') }}">Add User</a></li>
					{% endif %}
					<li><a href="{{ path('inter_article_admin_list_article') }}">List Article</a></li>
					<li><a href="{{ path('inter_article_admin_add_article') }}">Add Article</a></li>
				</ul>

{# 				<ul class="sidebar-group tab-pane" id="tabcomponents">#}
{# 					<li class="navigation-header">COMPONENTS</li>#}
{# 					<li><a href="calendar.html">Calendar</a></li>#}
{# 					<li><a href="tables.html">Tables</a></li>#}
{# 					<li><a href="charts.html">Charts</a></li>#}
{# 					<li><a href="more.html">More</a></li>#}
{# 				</ul>#}

{# 				<ul class="sidebar-group tab-pane" id="tabforms">#}
{# 					<li class="navigation-header">FORMS</li>#}
{# 					<li><a href="forms.html">Basic elements</a></li>#}
{# 				</ul>#}

			</div>
			<!-- /Tabs Sidebar -->

		</aside>
		<!-- /Sidebar -->
		
		<!-- Content area -->
		<div id="content-wrapper">
			
			<!-- Site header -->
			<header class="main-header">
				
				<!-- Page title -->
				<h3>
					<a id="show-menu" href="#" class="btn btn-primary"><i class="icon-reorder"></i></a>
					{% block header_title %}{% endblock %}
				</h3>
				
				<!-- Profile dropdown -->
				<nav class="user-profile">
					<a href="#" class="user-dropdown" data-toggle="dropdown">
						<img src="{{ asset('bundles/interarticle/images/avatar.jpg') }}" alt="avatar" />
						<span>{{ userName }}</span>
						<i class="icon-caret-down"></i>
					</a>
					<ul class="dropdown-menu" role="menu">
{# 						<li><a href="#">Profile</a></li>#}
{# 						<li><a href="#">Messages</a></li>#}
{# 						<li><a href="#">Tasks</a></li>#}
{# 						<li><a href="error.html">Show error</a></li>#}
						<li><a href="{{ path('logout') }}">Logout</a></li>
					</ul>
				</nav>

			</header>
			<!-- /Site header -->
			
			<!-- Main Content -->
			<section class="main-content padding">
			{% block content %}

			{% endblock %}
			</section>
			<!-- /Main Content -->

		</div>
		<!-- /Content area -->

	</div>
	
	<!-- jQuery Framework -->
	<script src="http://code.jquery.com/jquery.js"></script>
	<!-- Raphael Framework -->
    <script src="{{ asset('bundles/interarticle/js/raphael.min.js') }}"></script>
	<!-- Morris.js Graphs -->
    <script src="{{ asset('bundles/interarticle/js/morris.min.js') }}"></script>
	<!-- Small Graphs -->
    <script src="{{ asset('bundles/interarticle/js/sparklines.min.js') }}"></script>
	<!-- Knobs -->
    <script src="{{ asset('bundles/interarticle/js/knob.js') }}"></script>
	<!-- Bootstrap Javascript -->
    <script src="{{ asset('bundles/interarticle/js/bootstrap.min.js') }}"></script>
	<!-- Full calendar -->
    <script src="{{ asset('bundles/interarticle/js/fullcalendar.min.js') }}"></script>
	<!-- Kato Javascript -->
    <script src="{{ asset('bundles/interarticle/js/theme.js') }}"></script>
	
	{% block js_script %}

	{% endblock %}
	
</body>
</html>